<!DOCTYPE html>
<!--
This is a starter template page. Use this page to start your new project from
scratch. This page gets rid of all links and provides the needed markup only.
-->
<html xmlns:shiro="http://www.pollix.at/thymeleaf/shiro"  xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="context-path" th:content="@{/}" />
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <title>Think管理系统 | 首页</title>
    <!-- Tell the browser to be responsive to screen width -->
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"/>

    <link rel="stylesheet" href="plugins/bootstrap/css/bootstrap.min.css" th:href="@{/plugins/bootstrap/css/bootstrap.min.css}"/>
    <!-- Font Awesome -->
    <link rel="stylesheet" href="plugins/font-awesome/css/font-awesome.min.css" th:href="@{/plugins/font-awesome/css/font-awesome.min.css}"/>
    <!-- Ionicons -->
    <link rel="stylesheet" href="plugins/Ionicons/css/ionicons.min.css" th:href="@{/plugins/Ionicons/css/ionicons.min.css}"/>
    <!-- Theme style -->
    <link rel="stylesheet" href="plugins/AdminLTE/AdminLTE.min.css"  th:href="@{/plugins/AdminLTE/AdminLTE.min.css}"/>
    <!-- AdminLTE Skins. We have chosen the skin-blue for this starter
          page. However, you can choose any other skin. Make sure youl
          apply the skin class to the body tag so the changes take effect. -->
    <link rel="stylesheet" href="plugins/AdminLTE/skins/skin-blue.min.css" th:href="@{/plugins/AdminLTE/skins/skin-blue.min.css}"/>

    <link href="plugins/bootstrapDialog/css/bootstrap-dialog.min.css"  th:href="@{/plugins/bootstrapDialog/css/bootstrap-dialog.min.css}" rel="stylesheet" type="text/css"/>

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>
<body class="hold-transition skin-blue sidebar-mini ">
<div class="wrapper">

    <!-- Main Header -->
    <header class="main-header ">

        <!-- Logo -->
        <a href="index2.html" class="logo">
            <!-- mini logo for sidebar mini 50x50 pixels -->
            <span class="logo-mini"><b>T</b>k</span>
            <!-- logo for regular state and mobile devices -->
            <span class="logo-lg"><b>Think</b>管理系统</span>
        </a>

        <!-- Header Navbar -->
        <nav class="navbar navbar-static-top" role="navigation">
            <!-- Sidebar toggle button-->
            <a href="#" class="sidebar-toggle" data-toggle="push-menu" role="button">
                <span class="sr-only">切换菜单</span>
            </a>
            <!-- Navbar Right Menu -->
            <div class="navbar-custom-menu">
                <ul class="nav navbar-nav">

                    <!-- User Account Menu -->
                    <li class="dropdown user user-menu">
                        <!-- Menu Toggle Button -->
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                            <!-- The user image in the navbar-->
                            <img src="img/user2-160x160.jpg" th:src="@{/img/user2-160x160.jpg}" class="user-image" alt="User Image"/>
                            <!-- hidden-xs hides the username on small devices so only the image appears. -->
                            <!-- 错误页面取用户名时，会出现问题。 shiro:principal="" property="userName"-->
                            <span class="hidden-xs"  >Administrator</span>
                        </a>
                        <ul class="dropdown-menu">
                            <!-- The user image in the menu -->
                            <li class="user-header">
                                <img src="img/user2-160x160.jpg" th:src="@{/img/user2-160x160.jpg}" class="img-circle" alt="User Image"/>

                                <p>
                                    Alexander Pierce - Web Developer
                                    <small>Member since Nov. 2012</small>
                                </p>
                            </li>
                            <!-- Menu Footer-->
                            <li class="user-footer">
                                <div class="pull-left">
                                    <a href="/updatePasswordPage" class="btn btn-default btn-flat">个人资料</a>
                                </div>
                                <div class="pull-right">
                                    <a href="/logout" class="btn btn-default btn-flat">登出</a>
                                </div>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
        </nav>
    </header>
    <!-- Left side column. contains the logo and sidebar -->
    <aside class="main-sidebar">

        <!-- sidebar: style can be found in sidebar.less -->
        <section class="sidebar">

            <!-- Sidebar Menu -->
            <ul class="sidebar-menu" data-widget="tree">
                <li class="header">菜单</li>
                <!-- Optionally, you can add icons to the links -->
                <li><a href="#" th:href="@{/}"><i class="fa fa-dashboard"></i> <span>仪表盘</span></a></li>
                <li><a href="#"><i class="fa fa-user-times"></i> <span>会话管理</span></a></li>
                <li><a href="#"><i class="fa fa-gg"></i> <span>系统状态</span></a></li>

                <li class="treeview">
                    <a href="#"><i class="fa fa-cogs"></i> <span>系统管理</span>
                        <span class="pull-right-container">
                            <i class="fa fa-angle-left pull-right"></i>
                        </span>
                    </a>
                    <ul class="treeview-menu">
                        <li class=""><a href="#"><i class="fa fa-users"></i> 用户管理</a></li>
                        <li><a href="#"><i class="fa fa-user-circle-o"></i> 角色管理</a></li>
                        <li><a href="#"><i class="fa fa-circle-o"></i> 权限管理</a></li>
                        <li><a href="#"><i class="fa fa-circle-o"></i> 资源管理</a></li>
                        <li><a href="/system/menu"><i class="fa fa-circle-o"></i> 菜单管理</a></li>
                    </ul>
                </li>
                <li class="treeview">
                    <a href="#">
                        <i class="fa fa-link"></i>
                        <span>示例页</span>
                        <span class="pull-right-container">
                            <i class="fa fa-angle-left pull-right"></i>
                        </span>
                    </a>
                    <ul class="treeview-menu">
                        <li><a href="#"><i class="fa fa-circle-o"></i> <span>弹框</span></a></li>
                    </ul>
                </li>
                <li class="treeview">
                    <a href="#">
                        <i class="fa fa-link"></i>
                        <span>系统监控</span>
                        <span class="pull-right-container">
                            <i class="fa fa-angle-left pull-right"></i>
                        </span>
                    </a>
                    <ul class="treeview-menu">
                        <li><a href="#"><i class="fa fa-eye"></i> <span>JVM监控</span></a></li>
                        <li><a href="#"><i class="fa fa-circle-o"></i> <span>缓存监控</span></a></li>
                        <li><a href="#"><i class="fa fa-circle-o"></i> <span>在线用户</span></a></li>
                        <li class="active"><a href="druid"><i class="fa fa-circle-o"></i>
                            <span>数据库监控</span></a></li>
                        <li><a href="#"><i class="fa fa-circle-o"></i> <span>系统操作日志</span></a></li>
                    </ul>
                </li>
            </ul>
            <!-- /.sidebar-menu -->
        </section>
        <!-- /.sidebar -->
    </aside>

    <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper" th:include="this :: content">
    </div>
    <!-- /.content-wrapper -->

    <!-- Main Footer -->
    <footer class="main-footer">
        <!-- To the right -->
        <div class="pull-right hidden-xs">V1.0.0</div>
        <!-- Default to the left -->
        <strong>Copyright &copy; 2017 <a href="#">Xumin</a>.</strong> All rights reserved.
    </footer>

</div>
<!-- ./wrapper -->

<!-- REQUIRED JS SCRIPTS -->

<!-- jQuery 3 -->
<script src="plugins/jQuery/jquery-2.2.3.min.js"  th:src="@{/plugins/jQuery/jquery-2.2.3.min.js}"></script>
<!-- Bootstrap 3.3.7 -->
<script src="plugins/bootstrap/js/bootstrap.min.js"  th:src="@{/plugins/bootstrap/js/bootstrap.min.js}"></script>

<script src="plugins/bootstrapDialog/js/bootstrap-dialog.min.js"  th:src="@{/plugins/bootstrapDialog/js/bootstrap-dialog.min.js}"></script>
<script type="text/javascript">
    //弹框插件国际化设置
    BootstrapDialog.DEFAULT_TEXTS[BootstrapDialog.TYPE_DEFAULT] = '提示';
    BootstrapDialog.DEFAULT_TEXTS[BootstrapDialog.TYPE_INFO] = '信息';
    BootstrapDialog.DEFAULT_TEXTS[BootstrapDialog.TYPE_PRIMARY] = '信息';
    BootstrapDialog.DEFAULT_TEXTS[BootstrapDialog.TYPE_SUCCESS] = '成功';
    BootstrapDialog.DEFAULT_TEXTS[BootstrapDialog.TYPE_WARNING] = '警告';
    BootstrapDialog.DEFAULT_TEXTS[BootstrapDialog.TYPE_DANGER] = '危险';
    BootstrapDialog.DEFAULT_TEXTS['OK'] = '好的';
    BootstrapDialog.DEFAULT_TEXTS['CANCEL'] = '取消';
    BootstrapDialog.DEFAULT_TEXTS['CONFIRM'] = '确认';

//    var AdminLTEOptions = {
//        // 控制侧边栏是否鼠标移入自动展开，如果同时开启了fixed布局和siderbar-mini，则该选项强制为true。
//        sidebarExpandOnHover: false
//    };
    //给父级菜单自动加上active class
    $("aside li.active").parents("li").addClass("active");
</script>
<!-- AdminLTE App -->
<script src="plugins/AdminLTE/js/app.js"  th:src="@{/plugins/AdminLTE/js/app.js}"></script>

</body>
</html>